<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>主页</title>
	<link rel="stylesheet" href="home/bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" href="home/css/chesshall.css">
	<link rel="stylesheet" href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
	<header>
		<div class="bigborder col-md-12"></div>
		<div id="top-main" class="col-md-12">
			<nav>
				<ul class="pull-left">
					<li><a href="index.html"><i class="fa fa-home"></i>主页</a></li>
					<li><a href="rank.html"><i class="fa fa-rocket"></i>排名</a></li>
					<li><a href=""><i class="fa fa-star"></i>战绩</a></li>
				</ul>
				<ul class="pull-right">
					<li><a href="user.html"><i class="fa fa-user"></i>玩家</a></li>
					<li><a href=""><i class="fa fa-sign-in"></i>登录</a></li>
					<li><a href=""><i class="fa fa-sign-out"></i>退出</a></li>
				</ul>
			</nav>
		</div>
	</header>

	<div class="container page-main">
		<div class="row"></div>
		<div class="row hall-main">
			<div class="col-md-9 hall-left">
				<div class="hall-table">
					<img class="table-user" src="./img/nobody.png">
					<img class="table-table" src="./img/chessready.png">
					<img class="table-user" src="./img/nobody.png">
				</div>
				<div class="hall-table">
					<img class="table-user" src="./img/nobody.png">
					<img class="table-table" src="./img/chessready.png">
					<img class="table-user" src="./img/nobody.png">
				</div>
				<div class="hall-table">
					<img class="table-user" src="./img/nobody.png">
					<img class="table-table" src="./img/chessready.png">
					<img class="table-user" src="./img/nobody.png">
				</div>
				<div class="hall-table">
					<img class="table-user" src="./img/nobody.png">
					<img class="table-table" src="./img/chessready.png">
					<img class="table-user" src="./img/nobody.png"> 
				</div>
				<div class="hall-table">
					<img class="table-user" src="./img/nobody.png">
					<img class="table-table" src="./img/chessready.png">
					<img class="table-user" src="./img/nobody.png"> 
				</div>
				<div class="hall-table">
					<img class="table-user" src="./img/nobody.png">
					<img class="table-table" src="./img/chessready.png">
					<img class="table-user" src="./img/nobody.png"> 
				</div>
				<div class="hall-table">
					<img class="table-user" src="./img/nobody.png">
					<img class="table-table" src="./img/chessready.png">
					<img class="table-user" src="./img/nobody.png"> 
				</div>
				<div class="hall-table">
					<img class="table-user" src="./img/nobody.png">
					<img class="table-table" src="./img/chessready.png">
					<img class="table-user" src="./img/nobody.png"> 
				</div>
				<div class="hall-table">
					<img class="table-user" src="./img/nobody.png">
					<img class="table-table" src="./img/chessready.png">
					<img class="table-user" src="./img/nobody.png"> 
				</div>
				<div class="hall-table">
					<img class="table-user" src="./img/nobody.png">
					<img class="table-table" src="./img/chessready.png">
					<img class="table-user" src="./img/nobody.png"> 
				</div>
				<div class="hall-table">
					<img class="table-user" src="./img/nobody.png">
					<img class="table-table" src="./img/chessready.png">
					<img class="table-user" src="./img/nobody.png"> 
				</div>
				<div class="hall-table">
					<img class="table-user" src="./img/nobody.png">
					<img class="table-table" src="./img/chessready.png">
					<img class="table-user" src="./img/nobody.png"> 
				</div>
				<div class="hall-table">
					<img class="table-user" src="./img/nobody.png">
					<img class="table-table" src="./img/chessready.png">
					<img class="table-user" src="./img/nobody.png"> 
				</div>
				<div class="hall-table">
					<img class="table-user" src="./img/nobody.png">
					<img class="table-table" src="./img/chessready.png">
					<img class="table-user" src="./img/nobody.png"> 
				</div>
				<div class="hall-table">
					<img class="table-user" src="./img/nobody.png">
					<img class="table-table" src="./img/chessready.png">
					<img class="table-user" src="./img/nobody.png"> 
				</div>
				<div class="hall-table">
					<img class="table-user" src="./img/nobody.png">
					<img class="table-table" src="./img/chessready.png">
					<img class="table-user" src="./img/nobody.png"> 
				</div>
				<div class="hall-table">
					<img class="table-user" src="./img/nobody.png">
					<img class="table-table" src="./img/chessready.png">
					<img class="table-user" src="./img/nobody.png"> 
				</div>
				<div class="hall-table">
					<img class="table-user" src="./img/nobody.png">
					<img class="table-table" src="./img/chessready.png">
					<img class="table-user" src="./img/nobody.png"> 
				</div>
				<div class="hall-table">
					<img class="table-user" src="./img/nobody.png">
					<img class="table-table" src="./img/chessready.png">
					<img class="table-user" src="./img/nobody.png"> 
				</div>
				<div class="hall-table">
					<img class="table-user" src="./img/nobody.png">
					<img class="table-table" src="./img/chessready.png">
					<img class="table-user" src="./img/nobody.png"> 
				</div>
			</div>

			<div class="col-md-3 hall-right">
				<div class="col-md-12"><h4>在线: 100人</h4></div>
				<div id="user-list" class="col-md-12">
					<table class="table table-default">
						<tr>
							<th>玩家</th>
							<th>积分</th>
							<th>状态</th>
						</tr>
						<tr>
							<td>阿萨德</td>
							<td>4</td>
							<td>阿萨德</td>
						</tr>
						<tr>
							<td>阿萨德</td>
							<td>4</td>
							<td>阿萨德</td>
						</tr>
					</table>
				</div>
			</div>
		</div>
	</div>
	
	<footer>
		<div class="foot-banner">
			<div class="col-md-12">
				<ul>
					<li><a href="">Nginx</a></li>
					<li><a href="">Apache</a></li>
					<li><a href="">PHP</a></li>
					<li><a href="">Swoole</a></li>
					<li><a href="">Redis</a></li>
					<li><a href="">MariaDB</a></li>
					<li><a href="">Bootstrap</a></li>
					<li><a href="">JQuery</a></li>
				</ul>
			</div>
		</div>

		<div class="foot-main">
			<div class="foot-main-info">
				<h5><span>｜</span> LEGAL &amp; COPYRIGHT</h5>
				<p class="foot-text">本站严格遵守我国互联网管理条例和相关法律规定,抵制一切不良信息。</p>
				<p class="foot-text">如果您认为本站内容对您的权利有所侵犯，请联系我们及时移除。</p>
			</div>
			<div class="foot-main-info">
				<h5><span>｜</span> ABOUT US</h5>
				<p class="foot-text">本平台用于技术研究和休闲，是一个娱乐性质的开源程序。我们已经列出了所有用到的开源技术。</p>
				<p class="foot-text">您可以下载源码和文档，自行搭建环境，进行改造和开发。</p>
			</div>
			<div class="foot-main-info">
				<h5><span>｜</span> CODE &amp; DOCUMENT</h5>
				<a class="foot-href" href=""><i class="fa fa-file"></i> 文档 &nbsp;</a>
				<hr>
				<a class="foot-href" href=""><i class="fa fa-square"></i> 源码 &nbsp;</a>
			</div>
			<div class="foot-main-info">
				<h5><span>｜</span> AUTHOR INFO</h5>
				<a class="foot-author" href="">袁不语 &gt;&gt;&nbsp;</a><br>
				<a class="foot-author" href="">姜富帅 &gt;&gt;&nbsp;</a><br>
				<a class="foot-author" href="">九州志 &gt;&gt;&nbsp;</a><br>
				<a class="foot-author" href="">蜂窝煤 &gt;&gt;&nbsp;</a><br>
			</div>
		</div>

		<div class="foot-info">
			<span class="foot-copy">艺名人士 &copy; GPL </span>
			<span class="foot-icp"><a href="http://www.miitbeian.gov.cn">牛ICP备 - 66666666</a> </span>
		</div>

		<div class="bigborder col-md-12"></div>

	</footer>
</body>

<script src="hall/js/jquery-1.11.1.min.js"></script>
<script src="hall/bootstrap/js/bootstrap.min.js"></script>

<script type="text/javascript">
  
</script>

</html>